import React from 'react';
import Svg, {G, Path, Rect, Defs, ClipPath} from 'react-native-svg';
import {BasicsProps} from './type';

type Props = {
  fill?: string;
} & BasicsProps;

const HistoryIcon = ({size, fill = '#FF813A'}: Props) => {
  return (
    <Svg width={size} height={size} viewBox="0 0 28 28" fill="none">
      <G
        id="&#232;&#167;&#130;&#231;&#156;&#139;&#232;&#174;&#176;&#229;&#189;&#149;-1"
        clip-path="url(#clip0_47_1199)">
        <G id="Iconly/Light-Outline/Document">
          <G id="Document">
            <Path
              id="Combined-Shape"
              fill-rule="evenodd"
              clip-rule="evenodd"
              d="M18.5601 2.33333C22.2281 2.33333 24.6921 4.84516 24.6921 8.58316V19.3118C24.6921 23.0825 22.304 25.5348 18.608 25.5582L9.6328 25.5617C5.9648 25.5617 3.49963 23.0498 3.49963 19.3118V8.58316C3.49963 4.81133 5.8878 2.36016 9.5838 2.33799L18.559 2.33333H18.5601ZM18.5601 4.08333L9.58963 4.08799C6.87363 4.10433 5.24963 5.78433 5.24963 8.58316V19.3118C5.24963 22.1293 6.8888 23.8117 9.63163 23.8117L18.6021 23.8082C21.3181 23.7918 22.9421 22.1095 22.9421 19.3118V8.58316C22.9421 5.76566 21.3041 4.08333 18.5601 4.08333ZM18.3351 18.0526C18.8181 18.0526 19.2101 18.4446 19.2101 18.9276C19.2101 19.4106 18.8181 19.8026 18.3351 19.8026H9.91175C9.42875 19.8026 9.03675 19.4106 9.03675 18.9276C9.03675 18.4446 9.42875 18.0526 9.91175 18.0526H18.3351ZM18.3351 13.1684C18.8181 13.1684 19.2101 13.5604 19.2101 14.0434C19.2101 14.5264 18.8181 14.9184 18.3351 14.9184H9.91175C9.42875 14.9184 9.03675 14.5264 9.03675 14.0434C9.03675 13.5604 9.42875 13.1684 9.91175 13.1684H18.3351ZM13.1256 8.29546C13.6086 8.29546 14.0006 8.68746 14.0006 9.17046C14.0006 9.65346 13.6086 10.0455 13.1256 10.0455H9.9114C9.4284 10.0455 9.0364 9.65346 9.0364 9.17046C9.0364 8.68746 9.4284 8.29546 9.9114 8.29546H13.1256Z"
              fill={fill}
            />
          </G>
        </G>
      </G>
      <Defs>
        <ClipPath id="clip0_47_1199">
          <Rect width="28" height="28" fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};

export default HistoryIcon;
